@charset "utf-8";

/*浮动*/ .fl{float: left} .fr{float: right} .fn{float: none;}
/*块状*/ .db{display: block} .dib{display: inline-block} .dn{display: none}
/*定位*/
.pr{position: relative} .pa{position: absolute} .pf{position: fixed} 
.t(@num){top:@num} .r(@num){right:@num} .b(@num){bottom:@num} .l(@num){left:@num} 
/*宽高*/ .w(@width){width:@width} .h(@height){height:@height}
/*外边距*/
.m(@value){margin:@value}
.mt(@value){margin-top: @value}
.mb(@vlaue){margin-bottom: @vlaue}
.ml(@value){margin-left: @value}
.mr(@value){margin-right: @value}
/*内边距*/
.p(@value){padding:@value}
.pt(@value){padding-top: @value}
.pb(@vlaue){padding-bottom: @vlaue}
.pl(@value){padding-left: @value}
.pr(@value){padding-right: @value}
/*边框*/ .border(@color){border: solid .01rem @color} .border-radius(@value){border-radius: @value}
/*字体*/
.fs(@val:.12rem){font-size: @val} .fw(@val:bold){font-weight: bold} 
.c(@color:#337ab7){color: @color}
.lh(@h){line-height: @h;} .ta(@v){text-align: @v}
/*背景*/ .bc(@color){background-color:@color} .bi(@url){background-image: url(@url)}
/*CSS3*/
.transition(@time:0.3s,@effect:ease-in-out){transition: All @time @effect; -webkit-transition: All @time @effect; -moz-transition: All @time @effect; -o-transition: All @time @effect;}
.transform_scale(@value:1.2){transform: scale(@value,@value); -webkit-transform: scale(@value,@value);-moz-transform: scale(@value,@value); -o-transform: scale(@value,@value);-ms-transform: scale(@value,@value)}
.transform_rotate180{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.transform_rotateY360{transform:rotateY(360deg); -webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg); -o-transform: rotateY(360deg);-ms-transform: rotateY(360deg)}
.transform(@val){transform:@val;-ms-transform:@val; -moz-transform:@val;-webkit-transform:@val;-o-transform:@val;}
/*多出部分用省略号表示 用于一行*/ .wes(@wid){overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;width: @wid}

//变量 
@100:100%; @l:left; @r:right; @c:center;

/***************** 公共样式 ****************/
[v-cloak] {.dn;}
li{list-style: none}
a:hover,a:focus{text-decoration: none}
*{margin: 0;padding: 0}
i{.dib}
em{font-style: normal;}
 //清浮动
.cf:before,.cf:after {display: table; content: " ";}
.cf:after {clear: both;}
.cf{*zoom: 1; overflow: hidden;}
input,input:focus{-webkit-box-shadow:0 0 0 #fff !important;box-shadow: 0 0 0 #fff !important;}
iframe{border:0;}
/***************** end 公共样式 ****************/